@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
BODY {FONT:13px/1.75 "Microsoft YaHei", arial,sans-serif; COLOR: #666;  background:#fff;min-width: 1200px; overflow-x: hidden;}
A {COLOR: #666; TEXT-DECORATION: none}
P{COLOR: #333;}
A:hover {TEXT-DECORATION: none}
A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}
DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
EM {FONT-STYLE: normal; FONT-WEIGHT: normal}
TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.cl{HEIGHT: 0px; CLEAR: both;}
.jz{margin:0 auto;}
.fl{FLOAT: left}
.fr{FLOAT: right}
.container{width:1200px; margin:0 auto}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-r{text-align: right;}
.col-white{color: #fff;}

/* CSS Document */


/*公共头部*/
.top{height: 47px; line-height: 47px; border-bottom: solid 1px #e6e6e6;}
.top p{display: block; font-size: 14px; color: #8e8e8e;}
.top .en-icon{background: url(../images/en-icon.jpg) no-repeat left center; padding-left: 35px; font-size: 14px;  color: #d01b25; margin-right: 20px;}
.top .cn-icon{background: url(../images/china-icon.jpg) no-repeat left center; padding-left: 35px; font-size: 14px;  color: #d01b25; margin-right: 20px;}
.top ul {margin-right: 24px}
.top ul li{float: left; width: 112px; border-left: solid 1px #e6e6e6;}
.top ul li a{display: block; font-size: 14px;  color: #8f8f8f; text-align: center;}
.top ul li a:hover{color: #d01b25;}

.head{height: 111px;}
.logo{margin-top: 19px;}
.head .logo h1 {line-height: 0px;}
.head-tel{background: url(../images/head-tel.png) no-repeat left center; padding-left: 56px; margin-top: 30px;}
.head-tel em{display: block; font-size: 14px;  color: #666; line-height: 14px; margin: 4px 0 8px;}
.head-tel strong{display: block; font-size: 26px;  color: #dc001b; font-family: arial; line-height: 19px;}

.nav{background: #323232; height: 60px; z-index: 3;position: relative;}
.nav ul li{float: left; position: relative; width: 150px;}
.nav ul li>a{display: block; font-size:16px; line-height: 60px; color: #fff; text-align: center; }
.nav ul li.on>a{background: #d01b25;}
.nav ul li:hover>a{background: #d01b25; }
.nav ul li .hide{background-color: #fff;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);float: left;font-size: 14px;left: 0px;display: none;width: 150px;opacity: 0.8;position: absolute;text-align: center;z-index: 10000;}
.nav ul li .hide em a{ display:block; font-size: 15px;line-height:35px;font-weight: normal; text-align:center; height:35px; color: #333;}
.nav ul li .hide em a:hover{background: #fff; color: #d01b25; transition:background-color 0.3s linear; -moz-transition:background-color 0.3s linear;-webkit-transition:background-color 0.3s linear;-o-transition :background-color 0.3s linear;}
.navfixed{position: fixed; top: 0; z-index: 222; width: 100%;}


/*首页banner*/
.banner{position:relative;}
.banner-hd {height:650px;position: relative; overflow:hidden; width: 100%;}
.banner-hd  ul{height:100%;margin: 0 auto;}
.banner-hd  ul li{height:100%;}
/*数字按钮样式*/
.banner-hd .num { overflow:hidden;  position:absolute; bottom:5%; margin:0 auto;left:0;right:0;text-align:center;zoom:1; z-index:3 ;}
.banner-hd .num ul{display: inline-block;}
.banner-hd .num li {width:83px;height:5px; margin:0 5px; cursor:pointer; float: left; background: #fff; }
.banner-hd .num li.on {background: #d01b25;  } /*当前项*/


/*产品*/
.product{margin: 32px 0 34px;}

.ny-left{background: #f7f7f7; width: 240px; padding: 21px 14px 0; margin-bottom: 28px;}
.column-title{background: url(../images/column-title.png) no-repeat left 3px; padding-left: 60px; margin-bottom: 17px;}
.column-title strong{display: block; font-size: 24px; line-height: 24px; color: #000;}
.column-title span{display: block; font-size: 20px; color: #b5b5b5; font-family: arial;}

.ctitle1 li{float: left; width: 100%; position: relative;}
.ctitle1 li a{position: relative; z-index: 2; display: block; font-size: 14px; line-height: 54px; color: #343434; background: url(../images/ctitle1.png) no-repeat 17px center; padding-left: 47px; border-bottom: dashed 1px #c4c4c4; }
.ctitle1 li::before {display: block;height: 54px;content: "";background: #d01b25;position: absolute;top: 0;width: 0;transition: width 0.25s;-moz-transition: width 0.25s;-webkit-transition: width 0.25s;-o-transition: width 0.25s;}
.ctitle1 li.on::before,.ctitle1 li:hover::before{width: 100%;}
.ctitle1 li.on a,.ctitle1 li:hover a{background: url(../images/ctitle1-on.png) no-repeat 217px center; padding-left: 11px; color: #fff; border-bottom: solid 1px #d01b25;}
.ctitle1 li:last-child a{border-bottom: none;}

.ny-contact{padding-top: 254px; height: 58px; background: url(../images/ny-contact.jpg) no-repeat center top;}
.ny-contact .tel{background: url(../images/contact-tel.png) no-repeat right center; margin-right: 6px; padding-right: 50px;}
.ny-contact .tel span{display: block; line-height: 13px; margin-bottom: 10px;}
.ny-contact .tel strong{display: block; font-size: 26px;  line-height: 19px; font-family: arial;}


.ny-right{width: 896px; overflow: hidden;}
.product-title{background: url(../images/product-line.png) no-repeat center bottom; height: 46px; margin-bottom: 22px;}
.product-title strong{display: block; font-size: 20px; color: #000; margin-left: 10px;}
.product-title a{display: block; font-size: 12px; color: #d01b25; font-family: arial;}
.product-title a:hover{text-decoration: underline;}

.product-list ul{width: 915px;}
.product-list ul li{float: left; margin-right: 19px; margin-bottom: 19px;}
.product-list ul li .pic{width: 284px; height: 172px; border: solid 1px #e1e1e1; overflow: hidden;}
.product-list ul li .pic img{width: 100%;
  height: 100%;
  object-fit: cover;
  flex: 1;
  display: block; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.product-list ul li:hover .pic img{width: 100%;
  height: 100%;
  object-fit: cover;
  flex: 1;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.product-list ul li em{display: block; width: 100%; background: #e1e1e1; font-size: 15px; line-height: 46px; color: #5a5a5a; text-align: center;}
.product-list ul li:hover em{background: #d01b25; color: #fff;}


/*服务流程*/
.service{background: url(../images/service-bg.jpg) no-repeat center top; height: 250px; margin-bottom: 39px;}
.service-title{width:380px; margin-top: 77px;}
.service-title img{display: block; margin-bottom: 8px;}
.service-title strong{display: block; font-size: 24px; line-height: 68px; color: #fff; position: relative;}
.service-title strong:after{position: absolute; content: ''; bottom: 0; left: 0; width:60px; height: 2px; background: #fff;}
.service-list{margin-top: 65px;width: 812px;}
.service-list ul li{float: left; margin-left: 13px; background: rgba(255,255,255,0.16); width:190px; height: 120px; transition: 0.6s;}
.service-list ul li .icon img{display: block; margin: 24px auto 10px;}
.service-list ul li h3{display: block; font-size: 15px;  color: #fff; text-align: center;}
.service-list ul li:hover{background: #d01b25; margin-top: -20px;}


/*关于琇泽科技*/
.title h3{display: block; font-size: 30px; line-height: 30px; color: #000;}
.about {margin-bottom: 54px;}
.about .title{margin-bottom: 35px;}
.about .title h3{height: 61px; background: url(../images/title-line.png) no-repeat center bottom;}
.about .pic{width:518px;}
.about .info{width:655px;}
.about .info em{display: block; margin-top: 10px; height: 41px; font-size: 18px; line-height: 18px; color: #333; background: url(../images/em-line.png) no-repeat center bottom;}
.about .info p{display: block; font-size: 14px; line-height: 30px; color: #797979; margin: 32px 0 70px;}
.about .info ul li{float: left; width: 208px; margin-right: 9px; border: solid 1px #e1e1e1; height: 104px; }
.about .info ul li .icon{width: 36px; height: 33px; overflow: hidden; margin: 19px auto 9px;}
.about .info ul li .icon1{background: url(../images/about-icon1.png); background-position: top center;}
.about .info ul li .icon2{background: url(../images/about-icon2.png); background-position: top center;}
.about .info ul li .icon3{background: url(../images/about-icon3.png); background-position: top center;}
.about .info ul li .icon4{background: url(../images/about-icon4.png); background-position: top center;}
.about .info ul li span{display: block; font-size: 14px; color: #5a5a5a; text-align: center;}
.about .info ul li:hover{background: #d01b25; border-color: #d01b25;}
.about .info ul li:hover .icon{background-position: bottom center;-ms-transition-duration: 0.2s;transition-duration: 0.2s;}
.about .info ul li:hover span{color: #fff;}


/*拖链系统应用案例*/
.case{background: url(../images/case-bg.jpg) no-repeat center top;padding: 88px 0 90px;}
.case .title{margin-bottom: 58px;}
.case .title h3{color: #fff;}
.case-list{overflow: hidden;}
.case-list ul li{float: left; margin-right: 26px; width: 300px;}
.case-list ul li .pic{width: 300px; height: 150px;}
.case-list ul li em{display: block; background: #fff; font-size: 16px; line-height: 54px; color: #666; text-align: center;}
.case-list ul li:hover em{background: #d01b25; color: #fff;}

.advs{background: #f1f1f1;padding: 40px 0;}
.advs img{margin: 0 auto;}
.advs .title span{display: block; font-size: 16px; line-height: 16px; color: #8d8d8d; margin: 16px 0 47px;}
/*新闻中心*/
.news{margin-top: 40px;}
.news .title span{display: block; font-size: 16px; line-height: 16px; color: #8d8d8d; margin: 16px 0 47px;}
.news-list {overflow: hidden;}
.news-list ul li{float: left; width: 308px;  border: solid 1px #bfbfbf; padding: 21px 35px 33px; margin-right: 30px;}
.news-list ul li em{display: block;font-size: 16px;color: #333;height: 56px;overflow: hidden;}
.news-list ul li b{display: block; font-size: 14px; color: #9c9c9c; font-weight: normal; margin: 10px 0 19px;}
.news-list ul li p{display: block;font-size: 14px;color: #888;margin-bottom: 41px;height: 48px;overflow: hidden;}
.news-list ul li span{color: #888;}
.news-list ul li:hover{border-color: #d01b25;}
.news-list ul li:hover span{color: #d01b25;}

/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

a.hvr-ripple-out {
  display: block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #d01b25;
  width: 142px;
  height: 44px;
  font-size: 16px;
  line-height: 44px;
  color: #fff;
  text-align: center;
  margin: 40px  auto 48px;
}
a.hvr-ripple-out:before {
  content: '';
  position: absolute;
  border: #d01b25 solid 6px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
a.hvr-ripple-out:hover:before,a.hvr-ripple-out:focus:before,a.hvr-ripple-out:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
}


/*公共底部*/
.foot{padding-top: 74px; height: 335px; background: #323232}
.foot-nav dl{float: left; background: url(../images/foot-line.png) no-repeat left center; padding: 0 80px; height: 275px}
.foot-nav dl dt{display: block; font-size: 18px; line-height: 18px; color: #fff; text-align: center; margin-bottom: 21px;}
.foot-nav dl dd a{display: block; font-size: 14px; line-height: 30px; color: #838383; text-align: center;}
.foot-nav dl .foot-tel{background: url(../images/foot-tel.png) no-repeat left center; padding-left: 56px; margin-bottom: 34px;}
.foot-nav dl .foot-tel em{display: block; font-size: 14px; color: #838383; line-height: 14px; margin: 4px 0 8px;}
.foot-nav dl .foot-tel strong{display: block; font-size: 26px; color: #fff; line-height: 19px;}
.foot-nav dl h3{display: block; font-size: 16px; line-height: 16px; color: #fff; margin-bottom: 21px;}
.foot-nav dl p{display: block; font-size: 14px; line-height: 30px; color: #838383;}
.foot .wechat img{display: block; width: 120px; margin-top: 45px;}
.foot .wechat em{display: block; font-size: 16px; line-height: 57px; color: #fff; text-align: center;}
.foot-nav dl dd a:hover{color: #fff;}

.foot-copy{background: #000;height: 100px;line-height: 50px;}
.foot-copy p{display: block; font-size: 14px; color: #888;}
.foot-copy p a{color: #888;}
.foot-copy p a:hover{color: #fff;}


/*在线咨询*/
.zx-service{position:fixed; right:0px; top:321px;z-index: 10000; }
.service-box{background-color: #fff; border-radius:5px; width:90px; margin-bottom:8px;box-shadow: 0px 2px 3px  #929ea9;}
.service-box span{display:block;}
.service-box span.text{ background:url(../images/kf01.png) no-repeat; height:47px; line-height:40px; text-align:center; color:#fff; font-size:16px; position:relative; z-index:10;}
.service-box ul{margin-top: -7px;}
.service-box li{border-bottom:1px solid #efefef; text-align:center; position:relative;}
.service-box li em{font-size:12px;color: #757575;}
.service-box li a{display:block; padding-top:6px; padding-bottom:3px;}
.service-box li:first-child a{padding-top: 14px;}
.service-box li:last-child a{border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.service-box li a:hover{background:#f9f9f9;}
.service-box li a:hover em{color:#d01b25; }
.service-box ul li:last-child{border:none;}
.service-box li p{position:absolute; left:-154px; width:150px; top:0; background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.2);display:none; font-size:18px; font-weight:bold;color: #d01b25;padding: 10px 0px;}
.service-box li:hover p{display:block; }
.service-arrow{box-shadow: 0px 2px 2px #d6d6d6;border:1px solid #ddd;  border-radius:5px;  width:90px; background:url(../images/kf05.png) no-repeat center center #fff; height:40px; cursor:pointer; }
.service-arrow a{display:block; width:90px; height:45px;}


/*内页样式*/
.ny-hd{height: 450px;}
.ny-main{margin-top: 25px; margin-bottom:100px;}

.pro-contact .info{padding: 10px; background: #f7f7f7; width: 248px;}
.pro-contact .info b{font-size: 16px;line-height: 36px;color:#333;}
.pro-contact .info p{display: block; font-size: 15px; font-family: arial;line-height: 28px;}

.position-title{height: 45px;background: #f2f2f2;line-height: 45px;border-left: 7px solid #d01b25;overflow: hidden; margin-bottom: 20px;}
.position-title em{padding-left: 15px;color: #4d4d4d;font-size: 16px; font-weight: bold;}
.position-title .position{margin-right: 15px;}
.position-title .position a:hover{color: #d01b25;}


/*内页列表页*/
.ny-product-list ul li{margin-bottom: 25px;}

/*产品详情*/
.ny-right  .pro1 .pro-list-pic{width: 332px;}
.ny-right  .pro1 .spec-preview img{display: block;}
.ny-right  .pro1 .descript1{width: 400px;}
.ny-right  .pro1 .descript1 strong.title1{line-height: 38px;font-size: 20px; color: #2d2d2d;display: block;}
.ny-right  .pro1 .descript1 p{width: 533px;font-size: 13px;color: #8e8e8e;line-height: 25px;}
.ny-right  .pro1 .descript1 a.consult{display: block; width: 120px; height: 40px; font-size: 15px; color: #fff; line-height: 40px; text-align: center; background: #000; }
.ny-right  .pro1 .descript1 a.consult:hover{background-color: #d01b25;}
.ny-right  .pro1 .descript1 p.haoma{font-size: 18px; font-weight: bold; color: #d01b25;line-height: 35px;margin-top: 10px; margin-bottom: 10px;}
.ny-right  .pro1 .share{overflow: hidden;margin-top: 15px;}
.ny-right  .pro1 .share ul li{float: left;margin: 0 5px;}
.ny-right  .detail .de-title{border-bottom: solid 3px #d01b25; margin-bottom: 15px;}
.ny-right  .detail .de-title a{display: block;width: 130px; font-size: 16px;line-height: 45px;color: #fff; text-align: center; margin-top: 35px;background:#d01b25;}


/*内页新闻资讯列表*/
.ny-news-list ul li{overflow: hidden;padding-bottom: 22px;border: none;border-bottom: solid 1px #f0f0f0; margin-bottom: 20px;}
.ny-news-list ul li .date{padding: 1%;border:solid #dbdbdb 1px;border-radius: 5px;}
.ny-news-list ul li .date span{display: block;border-bottom: solid #dbdbdb 1px;font-size: 40px;line-height: 40px;color: #d01b25; padding-bottom: 8px;}
.ny-news-list ul li .date p{font-size: 17px;line-height: 17px;color: #747474; margin-top: 15px;}
.ny-news-list ul li .descript{overflow: hidden;width: 87%;}
.ny-news-list ul li .descript strong{font-size: 16px;line-height: 45px;color: #232323;font-weight: bold;display: block;}
.ny-news-list ul li .descript strong:hover{color: #d01b25; }
.ny-news-list ul li .descript p{color: #5f5f5f;font-size: 14px;line-height: 22px;}


/*内页工程案例列表*/
.ny-case-list ul{width: 924px;}
.ny-case-list ul li{margin-right: 28px; margin-bottom: 30px;}
.ny-case-list ul li em{background: #f7f7f7;}


/*内页资料下载*/

.ny-load-list ul li{display: block; width: 100%;  border-bottom:1px solid #DEDEDE;}
.ny-load-list ul li a{display: block; background: url(../images/load-icon.png) no-repeat left center; font-size: 16px;  line-height:50px;  color: #666; padding-left: 35px;}
.ny-load-list ul li a:hover{color: #d01b25;}


.ny-right  .pagelist {padding: 10px 0;margin-top:15px;overflow: hidden;border-top:0px solid #eee;text-align:center;}
.ny-right .pagelist a,
.ny-right  .pagelist span {border: 1px solid #ccc; display: inline-block;padding: 2px 8px;margin-right:5px;}
.ny-right  .pagelist span.current {color: #f30;border: 1px solid #ddd;}

.system{padding:40px 0}
.system .title em{color:#22b9d6;font-weight:bold}

.sys-ul{ background: url(../images/ys-bg.png) no-repeat center center; height: 500px;}
.sys-ul li{margin:50px 0}
.sys-ul li b,.sys-ul li span{ display: block;}
.sys-ul li b{font-weight: normal;font-size:17px;margin-bottom:5px;color:#333}
.sys-ul li span{font-size:13px;width:310px;line-height:25px}

.sys1{ background: url(../images/ys1.png) no-repeat left center;height:83px;padding-left:100px;}
.sys2{ background: url(../images/ys2.png) no-repeat left center;height:83px;padding-left:100px;}
.sys3{ background: url(../images/ys3.png) no-repeat left center;height:83px;padding-left:100px;}
.sys4{ background: url(../images/ys4.png) no-repeat right center;height:83px;padding-right:100px;text-align: right;}
.sys5{ background: url(../images/ys5.png) no-repeat right center;height:83px;padding-right:100px;text-align: right;}
.sys6{ background: url(../images/ys6.png) no-repeat right center;height:83px;padding-right:100px;text-align: right;}

.sys-content{position: relative;}
.bg-quan{position: absolute;top:45px;width:380px;left:406px;z-index:0;-webkit-animation: gif 3s infinite linear;animation: gif 3s infinite linear; }
@keyframes gif {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.f_link b{display: block;float: left;font-size: 14px;color: #888;width: 80px;}
.f_link p{font-size: 14px;color: #333;float: left;width: 1120px;}
.f_link p a{font-size: 14px;color: #888;padding:0 10px 0 0;}